$(function () {
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0003 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });
    $.ajax({
        url:'/category/queryTopCategory',
        type:'GET',
        dataType:'json',
        success:function(res){
            var html = template('template1',{msg:res.rows}) 
            $("#tem1").html(html)
            if(res.rows.length){
                $("#tem1").find('a').eq(0).addClass("active")
                var id = res.rows[0].id
                $.ajax({
                    url:'/category/querySecondCategory',
                    type:'GET',
                    dataType:'json',
                    data:{
                        id:id
                    },
                    success:function(res){
                       var html = template('template2',{msg2:res.rows})
                       
                       $("#mybrands").html(html)
                    }
                })
            }
        }
    });
    $("#tem1").on('tap','a',function(){
        var id = $(this).attr("data-id")
        $(this).addClass("active").siblings().removeClass("active")
        $.ajax({
            url:'/category/querySecondCategory',
            type:'GET',
            dataType:'json',
            data:{
                id:id
            },
            success:function(res){
               var html = template('template2',{msg2:res.rows})
               if(html){
                $("#mybrands").html(html)
               }else{
                $("#mybrands").html('<p style="font-size:16px;color:red">此分类暂无数据</p>')
               }
               
               
            }
        })
    })
   
    
})